{% extends 'usercenter-base.html' %}
{% block title %}个人信息- 废品回收系统{% endblock %}
{% block bread %}
    <section>
        <div class="wp">
            <ul  class="crumbs">
                <li><a href="{% url 'index' %}">首页</a>></li>
                <li><a href="{% url 'index' %}">个人中心</a>></li>
                <li>个人信息</li>
            </ul>
        </div>
    </section>
{% endblock %}
{% block right_content %}
                <div class="right">
                <div class="personal_des ">
                    <div class="head" style="border:1px solid #eaeaea;">
                        <h1>个人信息</h1>
                    </div>
                    <div class="inforcon">
                        <div class="left" style="width:242px;">
                            <iframe id='frameFile' name='frameFile' style='display: none;'></iframe>
                            <form class="clearfix" id="jsAvatarForm" enctype="multipart/form-data" autocomplete="off"
                                  method="post" action="{% url 'index' %}" target='frameFile'>
                                <label class="changearea" for="avatarUp">
                                </label>
                                <input type='hidden' name='csrfmiddlewaretoken'
                                       value='799Y6iPeEDNSGvrTu3noBrO4MBLv6enY'/>
                                {% csrf_token %}
                            </form>

                            <div style="border-top:1px solid #eaeaea;margin-top:30px;">
                                <a class="button btn-green btn-w100" id="jsUserResetPwd"
                                   style="margin:80px auto;width:100px;">修改密码</a>
                            </div>
                        </div>
                        <form class="perinform" id="jsEditUserForm" autocomplete="off">
                            <ul class="right">
{#                                <li>昵&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称：#}
{#                                    <input type="text" name="nick_name" id="nick_name" value="{{ request.user.username }}" maxlength="11">#}
{#                                    <i class="error-tips"></i>#}
{#                                </li>#}
                                <li>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：
                                    <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="gender" value="male" {% if request.user.gender == 'male' %}checked="checked"{% endif %}>男</label>
                                    <label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="gender"
                                                                                      value="female" {% if request.user.gender == 'female' %}checked="checked"{% endif %}>女</label>
                                </li>
                                <li class="p_infor_city">地&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;址：
                                    <input type="text" name="address" id="address" placeholder="请输入你的地址" value="{{ request.user.address }}"
                                           maxlength="50">
                                    <i class="error-tips"></i>
                                </li>
                                {#                                <li>账&nbsp;&nbsp;&nbsp;&nbsp;号：#}
                                {#                                    <input type="text" name="account" id="account" readonly="readonly" value="{{ request.user.phone }}"#}
                                {#                                           />#}
                                {#                                    <span class="green changeaccount_btn">[修改]</span>#}
                                {#                                </li>#}
                                <li>账&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：
                                    <input class="borderno" type="text" name="account" readonly="readonly"
                                           value="{{ request.user.email }}"/>
                                    <span class="green changeaccount_btn">[修改]</span>
                                </li>
                                <li>手&nbsp;&nbsp;机&nbsp;&nbsp;号：
                                    <input class="borderno" type="text" name="phone" readonly="readonly"
                                           value="{{ request.user.phone }}"/>
                                    <span class="green changephone_btn">[修改]</span>
                                </li>
                                <li class="button heibtn">
                                    <input type="button" id="jsEditUserBtn" value="保存">
                                </li>
                            </ul>
                        {% csrf_token %}
                        </form>
                    </div>
                </div>
            </div>
{% endblock %}

